body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

@mColor: #2ea2d1;
@bg: #e9eaed;
@tabBg: #9caec7;
@hover: #2dc3e8;
@success:#2ccd7f;
@danger:#f31f1e;
@default:#e7a508;

/* 滚动条样式 */

::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

::-webkit-scrollbar:horizontal //横向滚动条样式
{
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #8899a7;
    border-radius: 4px;
}

::-moz-scrollbar {
    width: 6px;
    background-color: transparent;
}
::-moz-scrollbar:horizontal //横向滚动条样式
{
    height: 6px;
}
::-moz-scrollbar-thumb {
    background-color: #8899a7;
    border-radius: 4px;
}
// 样式重置
.page-body {
    background: @bg;
    padding: 0 15px;
}

.page-breadcrumbs {
    background: @bg;
    box-shadow: none;
    line-height: 50px;
    position: fixed;
    position: fixed;
    top: 60px;
    left: 95px;
}

.tab-content {
    background: none;
}

.modal-header,
.modal-footer {
    background: @bg;
}

.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%)!important;
}

.title-bar {
    //color: @mColor;
    line-height: 40px;
    font-size: 18px;
    margin-top: 15px;
}

.count {
    line-height: 40px;
}

h1.title {
    position: absolute;
    font-size: 20px;
    line-height: 60px;
    top: 0;
    margin: 0;
    font-weight: normal!important;
    color: #666;
}
#logo{
    width: 50px;
    margin: -4px 15px 0 10px;
}

dt {
    font-weight: normal;
}

body:before {
    background: @bg;
}

.show-loading {
    position: fixed;
    top: 50px;
    bottom: 0px;
    right: 0;
    left: 95px;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.loadingimg {
    position: fixed;
    top: 38%;
    left: 38%;
    width: 300px;
    height: 200px;
}

.panel-body {
    padding: 0;
}
.select2-hidden-accessible{
    display: none
}
.btn-primary {
    padding: 7px 12px;
    border: none;
}
.btn-primary,
.btn-primary:focus,

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background: @mColor!important;
    border:none;
    // border-color:@mColor!important;
}
.btn-primary:hover {
    background: @hover!important;
}
input[type=checkbox].colored-blue:checked~.text:before,
input[type=radio].colored-blue:checked~.text:before {
    border-color: @mColor;
    color: @mColor;
}
.btn-primary[disabled],
.btn-primary[disabled]:hover{
    background: #999!important;
}
.modal-header {
    position: relative;
    .close {
        position: absolute;
        right: -12px;
        top: -11px;
        width: 40px;
        border: solid 2px #d2d2d2;
        height: 40px;
        border-radius: 50%;
        background: #e9eaed;
        color: #a7a0a0;
        opacity: 1;
        &:hover {
            opacity: 0.6;
        }
    }
}
.nav-tabs>li:first-child>a {
    border-left: none;
}

.nav-tabs.tabs-flat {
    background: #9caec7;
    // padding-left: 5px;
}

.nav-tabs>li {
    font-size: 15px;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background: #fff;
    border-top: none;
    margin-top: 0;
    box-shadow: none;
    color: #9caec7;
}

.navbar.navbar-fixed-top+.main-container {
    margin-top: 60px;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section{
    margin-top: 3px;
    h2 span {
        color: #666;
    }
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .open {
    .login-area section h2 span {
        color: #fff;
    }
    i {
        color: #fff;
    }
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
    height: 60px;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
    height: 60px;
    padding-top: 16px;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-arrow:before {
    content: none;
}

.avatar {
    .menu-icon {
        font-size: 24px;
    }
}

.no-border {
    border: none!important;
}

.account-area {
    // margin-top: 20px;
}
.statu-txt{
    color: @mColor;
}
.danger-txt{
    color: @danger;
}
.default-txt{
    color: @default;
}
.success-txt{
    color: @success;
}

//左侧导航
.page-sidebar.sidebar-fixed {
    top: 60px;
}

.page-container .page-sidebar {
    background: #2f363b;
}

.page-sidebar:before {
    content: none;
}

.page-sidebar .sidebar-menu {
    margin-left: 0;
}

.page-container .page-sidebar .sidebar-menu a .menu-icon {
    color: #eee;
}

.menu-text {
    color: #eee;
}

.page-sidebar.sidebar-fixed:before {
    top: 60px;
}

.page-sidebar .sidebar-menu>li>a {
    border: none!important;
}

.page-sidebar .sidebar-menu>li+li {
    border-top: 1px solid #434d54;
}


/* .page-sidebar .sidebar-menu>li:last-child>a{
  border-bottom: 1px solid #434d54;
} */

.page-container .page-sidebar .sidebar-menu>li>a:hover {
    background-color: #5c6469;
}

.page-sidebar .sidebar-menu>li>a:hover {
    border-color: #434d54;
}

.page-sidebar .sidebar-menu a:hover {
    color: #fff;
}

//头部导航
.navbar {
    height: 60px;
}

.navbar .navbar-inner {
    background: #fff;
    height: 60px;
}

.navbar .sidebar-collapse .collapse-icon {
    color: @mColor;
}

.navbar .sidebar-collapse {
    top: 8px;
}

.nav > li > a {
    padding: 0 15px;
}
.nav-tabs>li a{
    line-height: 40px!important;
    border: none;
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus {
    color: #f3f2f2;
}

.nav-tabs>li>a:hover {
    color: #fff;
}

.breadcrumb>li,
.breadcrumb>li.active {
    color: #333;
    font-size: 14px;
}


/* .tab-content{
  padding: 0 15px;
} */

.tab-pane {
    padding: 0 15px;
}

a {
    color: @mColor;
}

a:hover,
a:active,
a:visited,
a:focus {
    color: @hover;
}

.form-control,
select {
    border-radius: 0!important;
}

select {
    padding-left: 9px!important;
}
.mColor{
    color: @mColor;
}
.ui-select-container {
    width: 100%;
}

.has-error .help-block {
    color: #e46f61;
}

.has-error .form-control:focus {
    border-color: #e46f61;
}

.input-icon.icon-right>input {
    padding-left: 12px;
}
.btn-wrap{
    display: inline-block;
}
.btn-bar{
    margin-top:15px;
}
.btn-little{
    color: @mColor;
    border:solid 1px @mColor;
    padding: 6px 20px;
    &:hover{
        color:@mColor;
        opacity: 0.8;
    }
}
.btn .glyphicon {
    margin-right: 0!important;
}

.breadcrumb {
    margin-left: 20px;
    font-size: 20px;
}

.breadcrumb > li:nth-of-type(2):before {
    content: none;
}
//登录页面调整
.login-container{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    //background:url('../../img/login_bg.png') no-repeat center;
    background:#fff;
    max-width:100%;
    margin:0;
    .loginbox{
        position:absolute;
        top:50%;
        left:50%;
        width: 400px!important;
        height: 420px!important;
        margin-top:-210px;
        margin-left:-200px;
        box-sizing:border-box;
        padding:30px;
        box-shadow: 0 0 14px rgba(0,0,0,.3);
        .loginbox-submit{
            padding:0px;
            margin-top:20px;
            .btn{
                line-height:46px;
                padding-top: 0;
                padding-bottom: 0;
                font-size:18px;
            }
        }
    }
    .login-top {
        text-align: center;
        margin: 20px 0 40px 0;
        img {
            width: 320px;
            display:block;
            margin: 0 auto;
        }
    }
    .forget-txt{
        //font-size:16px;
        color: #999999;
        text-decoration:none;
    }
    .forget-group{
        text-align:right;
    }
    .input-lg{
        font-size:16px;
    }
    /*.form-group,.loginbox-submit{
        height:40px;
        line-height:40px;
    }*/
}
//end
.page-container {
    /*.page-content {
        position: fixed;
        top: 110px;
        bottom: 15px;
        right: 0;
        left: 15px;
    }*/
    .page-sidebar {
        width: 80px;
        &:before {
            width: 75px;
        }
        .sidebar-menu a {
            height: 80px;
            text-align: center;
            line-height: 30px;
            padding: 10px 5px 0;
            box-sizing: border-box;
        }
        .sidebar-menu a .menu-icon {
            font-size: 22px;
        }
        .sidebar-menu > li {
            >a.active:hover {
                color: #fff;
                background-color: @mColor;
            }
        }
        .sidebar-menu li.active > a {
            color: #fff;
            background-color: @mColor;
            &:hover {
                color: #fff;
                background-color: @mColor;
            }
        }
    }
    .menu-compact {
        width: 0;
        overflow: hidden;
        &:before {
            width: 0;
        }
        ~.page-content {
            margin-left: 0;
            .main-con {
                left: 5px;
            }
        }
    }
}

.menu-text {
    display: block;
}

.form-control[readonly] {
    cursor: pointer;
}

.account-area {
    right: 5px !important;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee;
}

@media only screen and (max-width: 880px) {
    .page-sidebar {
        display: block;
    }
    .page-sidebar:before {
        display: block;
    }
}
.table{
    margin-top: 15px;
    thead>tr{
        background: #e5e5e5;
    }
    .no-record {
        text-align: center;
    }
    td,th{
        text-align: center;
        vertical-align: middle!important;
    }
}
//end
//图片灰度
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.ell {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.disabled,
a.disabled:hover,
a.disabled:focus {
    cursor: not-allowed;
    color: #ddd;
}

.hidden_input {
    display: none !important;
}

.no-record {
    padding: 10px;
}

.box-shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.glyphicon-search {
    cursor: pointer;
}

.btm0 {
    margin-bottom: 0 !important;
}

.top15 {
    margin-top: 15px;
}
.top0{
    margin-top: 0!important;
}

.padding0 {
    padding: 0 !important;
}

.padding15 {
    padding: 0 15px;
}

.link-txt {
    color: @mColor;
}

ul,
li {
    list-style: none;
}

.main-header {
    line-height: 32px;
    padding-right: 10px;
    a {
        float: right;
        background: @mColor;
        color: #fff;
        padding: 0 15px;
        text-decoration: none;
    }
    a:hover{
        background: @hover;
    }
    .glyphicon {
        font-size: 14px;
        top: 2px;
        margin-right: 10px;
    }
    z-index: 1;
    position: fixed;
    right: 15px;
    top: 69px;
}
.home-wrap,.main-con{
    position: fixed;
    top: 110px;
    bottom: 15px;
    right: 0;
    left: 95px;
}
.main-con {
    >.row,
    >.row>div,
    >.row>div>.rgt-wrap {
        height: 100%;
        position: relative;
    }
    >.row>.col-xs-8 {
        padding-left: 0;
    }
}
.home-wrap{
    position: fixed;
    top: 110px;
    bottom: 15px;
    right: 0;
    left: 95px;
    overflow-y: auto;
    overflow-x: hidden;
    .col-md-4 {
        padding-left: 0;
    }
}
.lft-wrap,
.rgt-wrap {
    background: #fff;
    padding: 0;
    overflow: auto;
    .widget{
        margin: 0;
    }
}
.rgt-wrap{
    .nav-tabs{
        position: absolute;
        left: 0;
        right: 0;
        top:0px;
        >li{
          margin-bottom: 0;
        }
    }
    .tab-content{
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        border-top: none;
    }
}
.lft-wrap{
    position: absolute;
    top: 80px;
    left: 15px;
    right: 15px;
    bottom: 0;
    z-index: 1;
}
.sl-wrap{
    position: absolute;
    top: 0px;
    right: 15px;
    left: 15px;
    z-index: 2;
}
//为滚动加载设置
.overflow-auto {
    overflow: auto;
}


/* .widget,.tab-content{
  padding: 0;
  margin:0;
} */

// 为滚动加载设置 end
.data-list {
    padding: 0;
    margin-bottom: 0;
    .btn-wrap{
        display: inline-block;
    }
    .media-right{
        vertical-align: middle;
    }
    li {
        padding: 10px;
        cursor: pointer;
    }
    li:hover {
        background: #f3f3f3;
    }
    li + li {
        border-top: 1px solid #fbfbfb;
    }
    .media-left {
        vertical-align: middle;
    }
    .active {
        background: @bg;
    }
    i {
        color: #fff;
        font-size: 32px;
        line-height: 52px;
    }
    a{
        color: #777;
    }
    a:hover{
        color: #999;
    }
    a.disabled,
    a.disabled:hover,
    a.disabled:focus {
        color: #ddd;
    }
    .icon-box {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: @mColor;
        text-align: center;
        display: inline-block;
        img {
            width: 100%;
            height: 100%;
        }
    }
    .glyphicon-trash,
    .glyphicon-stop {
        margin-left: -1px;
    }
}

.sl-wrap {
    .panel-title .accordion-toggle {
        font-size: 16px !important;
    }
    .panel-body {
        padding: 0;
    }
    .panel-group {
        margin-bottom: 10px;
    }
    .panel-title {
        text-align: right;
        span {
            padding-right: 30px;
        }
    }
    .search-menu {
        color: #fff;
        text-decoration: none;
        i {
            top: 3px;
        }
        .glyphicon-chevron-up {
            display: none;
        }
    }
    .search-menu.on {
        color: #fff;
        .glyphicon-chevron-up {
            display: inline-block;
        }
        .glyphicon-chevron-down {
            display: none;
        }
    }
    .input-icon {
        margin-right: 90px;
        width: auto;
        display: block;
        border-radius: 25px!important;
        overflow: hidden;
        // padding: 5px 10px;
        #btn-search {
            height: 32px;
            background: @mColor;
            color: #fff;
            font-size: 18px;
            width: 45px;
            opacity: 1;
            padding-top: 2px;
        }
    }
    .search-menu {
        float: right;
    }
    .sl-container {
        background: @tabBg;
        padding: 4px 15px;
        line-height: 32px;
    }
    input {
        height: 32px;
        border: none;
    }
    .search-condition {
        display: none;
        padding: 10px 15px;
        background: @bg;
        border:solid 1px #9fa5a8;
        border-top:none;
    }
}

.sl-bar {
    margin: 10px 0;
    .sl-title {
        font-weight: bold;
    }
    .sl-param {
        color: #f40;
        font-size: 14px;
        padding: 0 5px;
    }
}

.search-list {
    display: table;
}

.sl-box {
    margin-bottom: 0;
    display: table-row;
    a {
        display: inline-block;
        margin: 0 5px;
        padding: 0 5px;
        color: #777;
        white-space: nowrap;
        
    }
    a:hover {
        color: #999;
        text-decoration: none;
    }
    a.active {
        background: #999;
        color: #fff;
    }
    .sl-key {
        //float: left;
        margin: 0;
        display: table-cell;
        //padding: 10px 0px;
        min-width: 70px;
	vertical-align: middle;
    }
    .sl-value {
        //margin-left: 75px;
        padding: 5px 0px;
        display: table-cell;
    }
}

.result-bar {
    padding: 10px 15px;
    color: #999999;
    margin-top: 40px;
    background: #fff;
    span{
        padding:0 5px;
    }
}

.data-list .panel-info {
    dd {
        padding-left: 0;
    }
    dl {
        margin-bottom: 0;
    }
}

.panel-info {
    dt {
        float: left;
        margin-right: 5px;
    }
    dl {
        margin-bottom: 10px;
    }
}

.report {
    dl {
        width: 50%;
        float: left;
        padding: 0 20px;
        min-height: 24px;
    }
    dl.width {
        width: 100%;
    }
    .radio {
        display: inline-block;
        margin: 0
    }
    .radio+.radio {
        margin-left: 15px;
    }
}

.addr-list span {
    padding: 0 5px;
}

.thumbs {
    a {
        display: inline-block;
        margin: 4px;
        &:hover {
            border-color: @mColor;
            cursor: pointer;
        }
        border:solid 2px rgba(0, 0, 0, 0);
        width:150px;
        height:150px;
        background-size:cover;
        background-position: center;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

.map-input {
    cursor: pointer !important;
}

// 日期插件
.date {
    position: relative;
    .form-control {
        margin-right: 30px;
        cursor: pointer;
    }
    .add-on {
        position: absolute;
        right: 0;
        top: 0;
        height: 34px;
        width: 34px;
    }
    .icon-th {
        margin-top: 9px;
        margin-left: 10px;
    }
}

.frequency-group {
    line-height: 34px;
    .date-wrap {
        margin-right: 80px;
        .date-box {
            width: 46%;
        }
    }
}
.date-wrap {
    .start-box {
        float: left;
    }
    .end-box {
        float: left;
    }
    .input-group {
        margin: 0
    }
    .date-box {
        width: 47.6%;
    }
    .date-txt {
        padding: 0 4px;
        line-height: 34px;
        float: left;
    }
}
.sl-box{
    .form-group{
        margin-bottom:0;
    }
    .date-box{
        width:150px;
        input{
            border: solid 1px #ccc;
            height:34px;
            padding:0 5px;
        }
    }
}
.sl-value.sl-date{
    margin-left:60px;
}
.date-tab{
    margin-bottom:10px;
    margin-left:-5px;
}
.img-list {
    margin-top: 10px;
    img {
        width: 100px;
        height: 100px;
        display: inline-block;
    }
    img+img {
        margin-left: 5px;
    }
    .img-box{
        float:left;
        position:relative;
        margin-right:5px;
        .remove-img{
            position: absolute;
            right: -6px;
            top: -6px;
            color: red;
            cursor:pointer;
        }
        .remove-img:hover{
            opacity:0.7;
        }
    }
}

.pie-chart {
    height: 300px;
}

.bar-Chart {
    height: 350px;
    margin-top: 20px;
}

.line-Chart {
    height: 450px;
    margin-top: 20px;
}

.grid-Chart {
    height: 800px;
}

.pannel-calendar .well-lg,.date-box{
    //background: #ada;
    .btn-group{
        width:100%;
        .btn+.btn{
            float:right;
        }
    }
    .btn-group+.btn{
        display:none;
    }
    table {
        width: 100%;
        outline:none!important;
    }
    .btn-sm {
        padding: 10px 9px;
    }
    button {
        //border-radius: 0;
        border: none;
    }
    th {
        padding-bottom: 10px;
    }
    button.active,
    .btn-info.active:focus {
        /*background-color: @mColor !important;
        border-color: @mColor;*/
        outline: none;
        box-shadow: none;
    }
    /*button.active span {
        color: #fff;
    }*/
}
.input-group-btn>.btn{
    border: solid 1px #ccc!important;
}
.date-box .btn-sm{
    padding:5px 10px;
}
.pannel-calendar .panel-body {
    padding: 0px;
}
.btn-info.active .text-info{
    color: #fff;
}
/* .pannel-calendar .text-info {
    background: @mColor;
    color: #fff;
} */

/* .home-box {
    .menu-icon {
        margin-top: 20px!important;
    }
} */

.weather-list .weather-box {
    box-sizing: border-box;
    margin-top:-1px;
    margin-left: -1px;
}
.weather-head {
    position: relative;
    .cog-box {
        position: absolute;
        top: -2px;
        right: 5px;
        .glyphicon-cog {
            font-size: 18px;
            cursor: pointer;
        }
    }
}

//城市查询框样式重置
.city-box {
    tags-input .tags .tag-item .remove-button {
        border: none;
        box-shadow: none;
    }
    tags-input .tags {
        border: 1px solid #d5d5d5;
        box-shadow: 0 0 0 0 inset;
    }
}
.qry-tb {
    >tbody>tr>td,
    >tbody>tr>th {
        padding: 5px 5px 5px 0;
    }
    th{
        font-weight: normal;
    }
    .date-wrap .date-box{
        max-width:150px;
    }
    .form-group {
        margin: 0;
    }
    >tbody>tr>td>.btn{
        margin-left: 10px;
    }
}

.form-group {
    .checkbox {
        display: inline-block;
    }
    .checkbox+.checkbox {
        margin-left: 15px;
    }
}

.textarea-box {
    height: 70px;
    textarea {
        width: 255px;
        height: 46px;
        resize: none;
        width: 100%;
        padding: 6px 12px;
        height: 100%;
        box-sizing: border-box;
        display:block;
    }
}

.group-box+.group-box {
    padding-left: 15px;
}

.target-box {
    margin-left: 38px;
}

.targetCode-box+.targetCode-box {
    padding-left: 15px;
}

// 天气
.panel-heading {
    padding: 0;
    line-height: 40px;
}

.panel-heading .glyphicon {
    font-size: 25px;
    margin-right: 10px;
    vertical-align: middle;
}

.panel-default > .panel-heading {
    border-bottom: 1px solid #9caec7;
    background: @tabBg;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.weather .cur-name dl > dt {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.weather .weather-list li a:hover,
.weather .weather-list li a:focus {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

.center {
    margin: 0 auto 0 auto;
    padding: 0 auto 0 auto;
    text-align: center;
    display: table;
}
.align-center{
    text-align:center;
}
.weather .cur-name dl > dt .city {
    margin-top:7px;
}

.weather dl > dt {
    padding-right: 10px;
}

.weather dl > dd {
    margin-left: 10px;
}

.weather .cur-info {
    margin-top: 10px;
    padding-bottom: 10px;
    border: 1px solid @mColor;
    border-radius: 5px;
}

#weather {
    padding: 15px;
}

#weather .widget-header {
    background: rgba(0, 0, 0, 0);
}

#weather .widget-body {
    background: rgba(0, 0, 0, 0);
}

.weather-box {
    border: 1px solid @mColor;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
}

.weather-box:hover {
    background: rgba(255, 255, 255, 0.1);
}

.weather-box p {
    margin-bottom: 0;
}

.weather-list {
    margin-top: 15px;
}

.weather-info {
    margin-top: 10px;
}

.full-date {
    margin-top: 4px;
}

.feedback-list+.feedback-list {
    border-top: solid 1px #ccc;
    padding-top: 15px;
}

.tb-plan {
    td,
    th {
        text-align: center;
    }
}

// 天气end

/*#region Loading*/
.loading-container {
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: @mColor;
    height: auto;
    .loader {
        box-sizing: border-box;
        display: flex;
        flex: 0 1 auto;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 25%;
        width: 200px;
        height: 200px;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        margin-top: -108px;
        left: 50%;
        margin-left: -100px;
    }
}
.ball-spin-fade-loader {
    position: relative;
}

.ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
    animation: ball-spin-fade-loader 1s 0s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
    animation: ball-spin-fade-loader 1s 0.12s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
    animation: ball-spin-fade-loader 1s 0.24s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
    animation: ball-spin-fade-loader 1s 0.36s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
    animation: ball-spin-fade-loader 1s 0.48s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
    animation: ball-spin-fade-loader 1s 0.6s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
    animation: ball-spin-fade-loader 1s 0.72s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
    animation: ball-spin-fade-loader 1s 0.84s infinite linear;
}

.ball-spin-fade-loader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
}

@-webkit-keyframes ball-spin-fade-loader {
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ball-spin-fade-loader {
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.tab-pane .row+.row{
    border-top: solid 1px #ccc;
    padding-top: 15px;
}
.tab-pane .row .thumbs{
    margin-left:15px;
}
.repeat-bar{
    .input-icon{
        width: 25%;
        float: left;
        padding-right: 5px;
    }
    span+span{
        &:before{
            content: "/\00a0";
            color: @mColor;
            padding: 0 5px;
        }
    }
}
//
//2017.6.27
.planTable{
    input[type=checkbox]:disabled~.text{
        color: rgba(0,0,0,.8);
    }
    input[type=checkbox]:disabled~.text:before{
        color: #9c9a9a;
        border-color: #9c9a9a !important;
    }
}
.subTable{
    width: 100%;
    td{
        border-bottom: solid 1px #ddd;
        padding:5px;
    }
    tr:last-child{
        td{
            border: none;
        }
    }
}
.btn-list,
.report,
.thumb-list,
.panel-info dl,
.sl-box,
.date-group,
.chart-wrap,
.date-wrap,
.data-list .panel-info dl,
.sl-container {
    zoom: 1;
    &:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }
}
